{extend name="layout/base"}
{block name="title"}添加客服{/block}
{block name="css"}
<link href="__admin_static__/css/plugins/iCheck/custom.css" rel="stylesheet">
{/block}
{block name="head_js"}{/block}
{block name="body"}
<body class="gray-bg">
<div class="wrapper wrapper-content animated fadeInRight">

    <div class="row">
        <div class="col-sm-12">
            <div class="ibox float-e-margins">
                <div class="ibox-title">
                    <h5>客服添加 <small>您可以添加一个客服，便于服务哦。</small></h5>
                    <div class="ibox-tools">
                        <a class="collapse-link">
                            <i class="fa fa-chevron-up"></i>
                        </a>
                        <a class="close-link">
                            <i class="fa fa-times"></i>
                        </a>
                    </div>
                </div>
                <div class="ibox-content">
                    <form method="post" class="form-horizontal" action="{:url('kf/insert')}" target="_self">
                        <div class="form-group">
                            <label class="col-sm-2 control-label">用户名</label>

                            <div class="col-sm-10">
                                <input type="text" class="form-control" name="kf_username" placeholder="请输入6-18个字(中文名字,英文,数字)" value="">
                                <span class="help-block m-b-none">必填)：这是一个用于客服登录的账户名</span>
                            </div>
                        </div>
                        <div class="hr-line-dashed"></div>
                        <div class="form-group">
                            <label class="col-sm-2 control-label">密码</label>
                            <div class="col-sm-10">
                                <input type="password" name="kf_password" class="form-control"  placeholder="请输入6-18个字(英文,数字,标点符号)" value="">
                                <span class="help-block m-b-none">必填)：密码高等级别，大小写英文加数字加标点符号 如：(Astring.14561)</span>
                            </div>
                        </div>
                        <div class="hr-line-dashed"></div>
                        <div class="form-group">
                            <label class="col-sm-2 control-label">昵称</label>
                            <div class="col-sm-10">
                                <input type="text" class="form-control" name="nickname"   placeholder="请输入6-18个字(英文,数字,标点符号)" value="">
                                <span class="help-block m-b-none">选填)：昵称不是登录账户，昵称不能和客服名称一致，否则被盗号可能性大，如果不设置，系统将为您随机生成一个字符串。</span>
                            </div>
                        </div>
                        <div class="hr-line-dashed"></div>
                        <div class="form-group">
                            <label class="col-sm-2 control-label">默认昵称</label>
                            <div class="col-sm-10">
                                <input type="text" name="default_nickname" class="form-control"  disabled="" value="{$default_nickname}" value="">
                                <input type="hidden" name="default_nickname" value="{$default_nickname}">
                                <span class="help-block m-b-none">如昵称不进行设置，则默认用该系统自动生成的默认昵称</span>
                            </div>
                        </div>
                        <div class="hr-line-dashed"></div>
                        <div class="form-group">
                            <label class="col-sm-2 control-label">职责归类</label>
                            <div class="col-sm-10">
                                <div class="col-sm-4 m-l-n">
                                    <span class="help-block m-b-none">选填)：如果看不到，可以设置下边的数字哦。<input placeholder="默认高度为240，请输入大于240的数字" class="form-control" type="text" onkeyup="javascript:maxHeight(this,'catSelect')"></span>
                                    <br>
                                    <select class="form-control" multiple="" name="cate_id" style="height: 240px;" id="catSelect">
                                        <option value="0" selected="selected">默认职责</option>
                                        {foreach name="cat_list" item="cat"}
                                        <option value="{$cat.id}">{$cat.name}</option>
                                        {/foreach}
                                    </select>
                                </div>
                            </div>
                        </div>
                        <div class="form-group">
                            <div class="col-sm-4 col-sm-offset-2">
                                <button class="btn btn-primary" type="submit">立即添加</button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>

<div id="modal-form" class="modal fade" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-body">
                <div class="row">
                    <div class="col-sm-6 b-r">
                        <h3 class="m-t-none m-b">登录</h3>

                        <p>欢迎登录本站(⊙o⊙)</p>

                        <form role="form">
                            <div class="form-group">
                                <label>用户名：</label>
                                <input type="email" placeholder="请输入用户名" class="form-control">
                            </div>
                            <div class="form-group">
                                <label>密码：</label>
                                <input type="password" placeholder="请输入密码" class="form-control">
                            </div>
                            <div>
                                <button class="btn btn-sm btn-primary pull-right m-t-n-xs" type="submit"><strong>登录</strong>
                                </button>
                                <label>
                                    <input type="checkbox" class="i-checks">自动登录</label>
                            </div>
                        </form>
                    </div>
                    <div class="col-sm-6">
                        <h4>还不是会员？</h4>
                        <p>您可以注册一个账户</p>
                        <p class="text-center">
                            <a href="form_basic.html"><i class="fa fa-sign-in big-icon"></i></a>
                        </p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<script src="__admin_static__/js/jquery.min.js?v=2.1.4"></script>
<script src="__admin_static__/js/bootstrap.min.js?v=3.3.5"></script>
<script src="__admin_static__/js/content.min.js?v=1.0.0"></script>
<script src="__admin_static__/js/plugins/iCheck/icheck.min.js"></script>
<script src="__admin_static__/js/base.js"></script>

<script>
    $(document).ready(function(){$(".i-checks").iCheck({checkboxClass:"icheckbox_square-green",radioClass:"iradio_square-green",})});
</script>
<script type="text/javascript" src="http://tajs.qq.com/stats?sId=9051096" charset="UTF-8"></script>
</body>
{/block}
{block name="js"}
{/block}
